<template>
	<view class="u-content">
		<u-parse :html="content" :tag-style="style"></u-parse>
	</view>
</template>

<script lang="ts">
    import Vue from 'vue';
	export default Vue.extend({
		data() {
			return {
				title: 'webview',
				content: `
					<h2 class="h2">养老院里有人陪有天聊 老人说在这过年很开心</h2>
					<img src="http://n.sinaimg.cn/sinakd202129s/600/w1920h1080/20210209/c5f0-kiweitv8305136.jpg" />
					<p class="p">大红灯笼、春联、福字……这几天，桐庐乐聚老年公寓里年味十足。结合当前疫情防控需要，公寓发起了“留院过年”倡议，八成以上老人非常配合。</p>
					<p class="p">88岁的邵素琴就是其中一位。“这里有空调、有地暖，有人陪、有天聊，最近我还收到了公寓特意准备的围巾和棉睡衣，可温暖了。”邵奶奶在电话里反复叮嘱孩子们不	要担心，告诉他们自己过得很好、很舒心。</p>
					<p class="p">桐庐乐聚老年公寓负责人童丽霞表示，目前公寓已备足备齐防疫物资，做好粮油等必需品的储备，提前与市场、养殖企业预定相应食材，还专门预定了丰盛的年夜饭。“到时，全体员工将会陪老人一起欢度春节，希望每一位老人都能满意我们的安排。”</p>
					<img src="http://n.sinaimg.cn/sinakd202129s/450/w800h450/20210209/83c9-kiweitv8305133.jpg" />
				`,
				style: {
					// 字符串的形式
					h2: 'text-align: left; text-indent: 0; margin: 20rpx 0',
					p: 'margin-bottom: 20rpx'
				}
			}
		},
		methods: {

		}
	});
</script>

<style lang="scss" scoped>
.u-content{
	padding: 20rpx;
	font-size: 30rpx;
	line-height: 50rpx;
	text-indent: 1em;
}
</style>
